﻿@using CyScada.Model
<!DOCTYPE html>
<html lang="en">
<!--[if IE 9 ]><html class="ie9"><![endif]-->
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="format-detection" content="telephone=no">
    <meta charset="UTF-8">

    <meta name="description" content="Violate Responsive Admin Template">
    <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">

    <title>CYSCADA Beta V0.2</title>

    <!-- CSS -->
    <link href="/css/SuperAdmin/bootstrap.min.css" rel="stylesheet">
    <link href="/css/SuperAdmin/animate.min.css" rel="stylesheet">
    <link href="/css/SuperAdmin/font-awesome.min.css" rel="stylesheet">
    <link href="/css/SuperAdmin/form.css" rel="stylesheet">
    <link href="/css/SuperAdmin/calendar.css" rel="stylesheet">
    <link href="/css/SuperAdmin/style.css" rel="stylesheet">
    <link href="/css/SuperAdmin/icons.css" rel="stylesheet">
    <link href="/css/SuperAdmin/generics.css" rel="stylesheet">
    <link href="/css/Site.css" rel="stylesheet">
    
    <!-- jQuery -->
    <script src="/js/jquery/jquery.min.js"></script>

    <script src="/js/jquery.cookie.js"></script>

    <script type="text/javascript" src="/js/angularjs/angular.js"></script>

    <script src="/js/_sideMenu/_sideMenu2.js"></script>
    

    @RenderSection("HeadSection", false)
</head>
<body id="">
    <header id="header" class="media">
        <a href="" id="menu-toggle"></a>
        <a class="logo pull-left" href="#">CYSCADA Beta V0.2</a>
        <div class="media-body">
            <div class="media" id="top-menu">
                @*<div class="pull-left tm-icon">
                    <a data-drawer="messages" class="drawer-toggle" href="">
                        <i class="sa-top-message"></i>
                        <i class="n-count animated">5</i>
                        <span>Messages</span>
                    </a>
                </div>
                <div class="pull-left tm-icon">
                    <a data-drawer="notifications" class="drawer-toggle" href="">
                        <i class="sa-top-updates"></i>
                        <i class="n-count animated">9</i>
                        <span>Updates</span>
                    </a>
                </div>*@



                <div id="time" class="pull-right">
                    <span id="hours"></span>
                    :
                    <span id="min"></span>
                    :
                    <span id="sec"></span>
                </div>

                <div class="media-body">
                    @*<input type="text" class="main-search">*@
                    <span id="Title" class="WebTitle"></span>
                    <span id="MenuTitle" class="MenuTitle"></span>
                </div>
            </div>
        </div>
    </header>

    <div class="clearfix"></div>

    <section id="main" class="p-relative" role="main">
        <!-- Sidebar -->
        <aside id="sidebar">
            <!-- Sidbar Widgets -->
            <div class="side-widgets overflow">
                <!-- Profile Menu -->
                <div class="text-center s-widget m-b-25 dropdown" id="profile-menu">
                    <a href="" data-toggle="dropdown">
                        <img class="profile-pic animated" src="/img/SuperAdmin/profile-pic.jpg" alt="">
                    </a>
                    <ul class="dropdown-menu profile-menu">
                        @*<li><a href="">My Profile</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        <li><a href="">Messages</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                        <li><a href="">Settings</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>*@
                        <li><a href="/Login/Index">Sign Out</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                    </ul>
                    <h4 class="m-0" id="userId" data-userid="@ViewBag.Id">@ViewBag.Name</h4>

                    @*@malinda-h*@
                </div>

                <!-- Calendar -->
                <div class="s-widget m-b-25">
                    <div id="sidebar-calendar"></div>
                </div>

                <!-- Feeds -->
                @*<div class="s-widget m-b-25">
                    <h2 class="tile-title">
                        News Feeds
                    </h2>

                    <div class="s-widget-body">
                        <div id="news-feed"></div>
                    </div>
                </div>*@

                <!-- Projects -->
                @*<div class="s-widget m-b-25">
                    <h2 class="tile-title">
                        Projects on going
                    </h2>

                    <div class="s-widget-body">
                        <div class="side-border">
                            <small>Joomla Website</small>
                            <div class="progress progress-small">
                                <a href="#" data-toggle="tooltip" title="" class="progress-bar tooltips progress-bar-danger" style="width: 60%;" data-original-title="60%">
                                    <span class="sr-only">60% Complete</span>
                                </a>
                            </div>
                        </div>
                        <div class="side-border">
                            <small>Opencart E-Commerce Website</small>
                            <div class="progress progress-small">
                                <a href="#" data-toggle="tooltip" title="" class="tooltips progress-bar progress-bar-info" style="width: 43%;" data-original-title="43%">
                                    <span class="sr-only">43% Complete</span>
                                </a>
                            </div>
                        </div>
                        <div class="side-border">
                            <small>Social Media API</small>
                            <div class="progress progress-small">
                                <a href="#" data-toggle="tooltip" title="" class="tooltips progress-bar progress-bar-warning" style="width: 81%;" data-original-title="81%">
                                    <span class="sr-only">81% Complete</span>
                                </a>
                            </div>
                        </div>
                        <div class="side-border">
                            <small>VB.Net Software Package</small>
                            <div class="progress progress-small">
                                <a href="#" data-toggle="tooltip" title="" class="tooltips progress-bar progress-bar-success" style="width: 10%;" data-original-title="10%">
                                    <span class="sr-only">10% Complete</span>
                                </a>
                            </div>
                        </div>
                        <div class="side-border">
                            <small>Chrome Extension</small>
                            <div class="progress progress-small">
                                <a href="#" data-toggle="tooltip" title="" class="tooltips progress-bar progress-bar-success" style="width: 95%;" data-original-title="95%">
                                    <span class="sr-only">95% Complete</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>*@
            </div>
            
            
            @{ Html.RenderPartial("_SideMenu2", new UserModel { Name = @ViewBag.Name, Id = Convert.ToInt32(@ViewBag.Id) });}

            <!-- Side Menu -->
            @*<ul class="list-unstyled side-menu">
                <li class="active">
                    <a class="sa-side-home" href="index.html">
                        <span class="menu-item">Dashboard</span>
                    </a>
                </li>
                <li>
                    <a class="sa-side-typography" href="typography.html">
                        <span class="menu-item">Typography</span>
                    </a>
                </li>
                <li>
                    <a class="sa-side-widget" href="content-widgets.html">
                        <span class="menu-item">Widgets</span>
                    </a>
                </li>
                <li>
                    <a class="sa-side-table" href="tables.html">
                        <span class="menu-item">Tables</span>
                    </a>
                </li>
                <li class="dropdown">
                    <a class="sa-side-form" href="">
                        <span class="menu-item">Form</span>
                    </a>
                    <ul class="list-unstyled menu-item">
                        <li><a href="form-elements.html">Basic Form Elements</a></li>
                        <li><a href="form-components.html">Form Components</a></li>
                        <li><a href="form-examples.html">Form Examples</a></li>
                        <li><a href="form-validation.html">Form Validation</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="sa-side-ui" href="">
                        <span class="menu-item">User Interface</span>
                    </a>
                    <ul class="list-unstyled menu-item">
                        <li><a href="buttons.html">Buttons</a></li>
                        <li><a href="labels.html">Labels</a></li>
                        <li><a href="images-icons.html">Images &amp; Icons</a></li>
                        <li><a href="alerts.html">Alerts</a></li>
                        <li><a href="media.html">Media</a></li>
                        <li><a href="components.html">Components</a></li>
                        <li><a href="other-components.html">Others</a></li>
                    </ul>
                </li>
                <li>
                    <a class="sa-side-chart" href="charts.html">
                        <span class="menu-item">Charts</span>
                    </a>
                </li>
                <li>
                    <a class="sa-side-folder" href="file-manager.html">
                        <span class="menu-item">File Manager</span>
                    </a>
                </li>
                <li>
                    <a class="sa-side-calendar" href="calendar.html">
                        <span class="menu-item">Calendar</span>
                    </a>
                </li>
                <li class="dropdown">
                    <a class="sa-side-page" href="">
                        <span class="menu-item">Pages</span>
                    </a>
                    <ul class="list-unstyled menu-item">
                        <li><a href="list-view.html">List View</a></li>
                        <li><a href="profile-page.html">Profile Page</a></li>
                        <li><a href="messages.html">Messages</a></li>
                        <li><a href="login.html">Login</a></li>
                        <li><a href="404.html">404 Error</a></li>
                    </ul>
                </li>
            </ul>*@

        </aside>

        <!-- Content -->
        <section id="content" class="container">
            @RenderBody()
        </section>

        <!-- Older IE Message -->
        <!--[if lt IE 9]>
            <div class="ie-block">
                <h1 class="Ops">Ooops!</h1>
                <p>You are using an outdated version of Internet Explorer, upgrade to any of the following web browser in order to access the maximum functionality of this website. </p>
                <ul class="browsers">
                    <li>
                        <a href="https://www.google.com/intl/en/chrome/browser/">
                            <img src="/img/SuperAdmin/browsers/chrome.png" alt="">
                            <div>Google Chrome</div>
                        </a>
                    </li>
                    <li>
                        <a href="http://www.mozilla.org/en-US/firefox/new/">
                            <img src="/img/SuperAdmin/browsers/firefox.png" alt="">
                            <div>Mozilla Firefox</div>
                        </a>
                    </li>
                    <li>
                        <a href="http://www.opera.com/computer/windows">
                            <img src="/img/SuperAdmin/browsers/opera.png" alt="">
                            <div>Opera</div>
                        </a>
                    </li>
                    <li>
                        <a href="http://safari.en.softonic.com/">
                            <img src="/img/SuperAdmin/browsers/safari.png" alt="">
                            <div>Safari</div>
                        </a>
                    </li>
                    <li>
                        <a href="http://windows.microsoft.com/en-us/internet-explorer/downloads/ie-10/worldwide-languages">
                            <img src="/img/SuperAdmin/browsers/ie.png" alt="">
                            <div>Internet Explorer(New)</div>
                        </a>
                    </li>
                </ul>
                <p>Upgrade your browser for a Safer and Faster web experience. <br/>Thank you for your patience...</p>
            </div>
        <![endif]-->
    </section>

    <!-- Javascript Libraries -->
    <!-- jQuery -->
    @*<script src="/js/SuperAdmin/jquery.min.js"></script>*@ <!-- jQuery Library -->
    <script src="/js/SuperAdmin/jquery-ui.min.js"></script> <!-- jQuery UI -->
    <script src="/js/SuperAdmin/jquery.easing.1.3.js"></script> <!-- jQuery Easing - Requirred for Lightbox + Pie Charts-->
    <!-- Bootstrap -->
    <script src="/js/SuperAdmin/bootstrap.min.js"></script>

    <!-- Charts -->
    <script src="/js/SuperAdmin/charts/jquery.flot.js"></script> <!-- Flot Main -->
    <script src="/js/SuperAdmin/charts/jquery.flot.time.js"></script> <!-- Flot sub -->
    <script src="/js/SuperAdmin/charts/jquery.flot.animator.min.js"></script> <!-- Flot sub -->
    <script src="/js/SuperAdmin/charts/jquery.flot.resize.min.js"></script> <!-- Flot sub - for repaint when resizing the screen -->

    <script src="/js/SuperAdmin/sparkline.min.js"></script> <!-- Sparkline - Tiny charts -->
    <script src="/js/SuperAdmin/easypiechart.js"></script> <!-- EasyPieChart - Animated Pie Charts -->
    <script src="/js/SuperAdmin/charts.js"></script> <!-- All the above chart related functions -->
    <!-- Map -->
    <script src="/js/SuperAdmin/maps/jvectormap.min.js"></script> <!-- jVectorMap main library -->
    <script src="/js/SuperAdmin/maps/usa.js"></script> <!-- USA Map for jVectorMap -->
    <!--  Form Related -->
    <script src="/js/SuperAdmin/icheck.js"></script> <!-- Custom Checkbox + Radio -->
    <!-- UX -->
    <script src="/js/SuperAdmin/scroll.min.js"></script> <!-- Custom Scrollbar -->
    <!-- Other -->
    <script src="/js/SuperAdmin/calendar.min.js"></script> <!-- Calendar -->

    <!-- All JS functions -->
    <script src="/js/SuperAdmin/functions.js"></script>

    
    @RenderSection("FootScript", false)
</body>
</html>
